草庐IT

Android WebView 导航事件?

全部标签

javascript - Chrome 移动模拟器中的 ReactJS 升级导致触摸事件中断

我最近从React0.10升级到了React0.14。最初我收到一个错误,提示React.initializeTouchEvents不是一个函数。我读了一些文档,声称在最新版本的React中不需要这种初始化,所以我取消了它。但是,现在我的项目中没有注册任何触摸事件。我需要做什么才能让它们重新工作?下面我包含了一些我编写的简单测试代码来尝试解决这个问题。目前根本没有注册任何触摸事件。我的主要js文件:/**@jsxReact.DOM*/varReact=require('react');varReactDOM=require('react-dom');varTestButton=requ

javascript - React-Router Link,如何从另一个组件触发链接上的点击事件

我正在尝试设置一系列React-Router以在特定组件内进行导航。我已对其进行设置,因此链接标签可以正常工作,但我正在尝试将它们设置为如下所示:样式设置如下:PaymentsBillsCharge当前系列的链接看起来像这样(没有样式):option1option2option3HTML(顶部)是用HTML编写的,而不是JSX,但这不是问题所在。我正在尝试将链接组件组合到上面的HTML中,以便选项将触发链接标签的功能。在React文档中我发现了这个:Forcommunicationbetweentwocomponentsthatdon'thaveaparent-childrelatio

javascript - 在 Reactjs 中测试窗口按键事件

我正在编写的组件需要根据是否按下ctrl来更改其行为。我使用了window.onkeydown事件,但是ReactTestUtils中的Simulate不允许我针对window发送事件。我也尝试过window.dispatchEvent(newKeyboardEvent('keydown',{keyCode:17}));但mocha/node无法识别KeyboardEvent。有没有办法使用ReactTestUtils测试window.onkeydown?如果没有,有没有更好的方法在节点的摩卡中做到这一点?下面是一些代码来说明这个问题:describe('OnKeydown',()=>

javascript - 为什么 SharedWorker onConnect 事件有一个 Ports 数组?

在我见过的所有例子中,它们都与此类似onconnect=function(e){varport=e.ports[0];port.onmessage=function(e){varworkerResult='Result:'+(e.data[0]*e.data[1]);port.postMessage(workerResult);}port.start();}是否存在ports数组包含多个元素的实例?在SharedWorker上使用chrome://inspect并打印出e,我得到无论产生多少个共享SharedWorker的实例,其长度始终为1。为什么它不只是一个MessageEvent

javascript - 附加到卸载事件时,sendBeacon 请求卡在 "(pending)"

当我直接在控制台中调用navigator.sendBeacon时,我立即在Chrome开发工具网络Pane中看到请求已成功完成。当我使用类似下面的代码将sendBeacon附加到beforeunload事件,然后离开页面时,我看到网络Pane中添加了一行,但其状态停留在“(待定)”并且从未发送。我做错了什么?window.addEventListener('beforeunload',function(){navigator.sendBeacon('https://www.example.com/sendBeacon-data-collector','Sentbyabeacon!');

javascript - 在 Node.js 事件循环中获取(事件)计时器的计数

有没有办法在Node.js中调用以确定事件循环队列中的计时器数量?我有一个带有多个超时的库,而不是使用某种内部簿记系统自己跟踪它们,如果我可以只问V8或Libuv或其他什么,有多少个计时器,那就太好了。这可能吗? 最佳答案 itwouldbeniceifIcouldjustaskV8orLibuvorwhatever您不能直接询问libuv,但它确实提供了一种了解有多少事件计时器的方法。为此,您可以调用uv_walk使用有效循环获取所有事件句柄。然后,您可以使用给定的回调检查每个句柄,并计算数据成员type(类型为uv_handle

javascript - 为什么 html5-video 事件 timeupdate 在 Chrome 浏览器上触发两次?

html5-video事件timeupdate在Chrome浏览器上触发两次。重现步骤:运行代码Updatetime$(document).ready(function(){varvid=document.getElementById("video")vid.addEventListener("timeupdate",timeUpdate,false);$("#button").on("click",buttonClick);functiontimeUpdate(e){console.log("timeUpdate");}functionbuttonClick(e){console.l

javascript - 不允许窗口将顶层框架导航导航到数据 URL

前面的代码将在新窗口中打开pdf文件。varpdfDocument="data:application/pdf;base64,"+data;window.open(pdfDocument);更新chrome后,它似乎停止工作。显然,chrome删除了数据URL的顶层框架导航。我现在该如何解决我的问题?我需要在新窗口中打开此pdf。任何帮助将不胜感激。更新使用iFrame解决了这个问题。感谢Pedro给我想法。$(function(){setManualFrame();});functionsetManualFrame(){$("#ManualFrame").attr("height",

javascript - React native 路由与 React 导航

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion我正要选择是否使用ReactNavigation或使用ReactRouterNative,我认为ReactNavigation更好,但后来我发现了一些这样的反馈reactnavigationissue,附言:ReactRouterNative具有与ReactRouter相似的API这看起来很简单,我还是迷路了!我需要一个建议

javascript - 防止在 Angular 应用程序(移动)中向后导航

我需要防止用户在我正在构建的应用程序的某些部分中向后导航。到目前为止,我正在使用这种方法:ngOnInit(){history.pushState(null,null,location.href);window.onpopstate=function(event){history.go(1);};}ngOnDestroy(){window.onpopstate=function(event){history.go();};}这在iOSchrome和safari上运行良好。我也试过:history.replaceState(null,document.title,location.pat